<template>
  <div>
    <router-view v-if="!isMobile" />
    <div v-else class="ismobile">
      <div>请使用电脑使用本系统</div>
    </div>
  </div>
</template>


<script>
export default {
  data() {
    return {
      isMobile: false,
    };
  },
  created() {
    this.jugeScreen();
    window.addEventListener("resize", this.jugeScreen);
  },
  methods: {
    jugeScreen() {
      const width = document.body.getBoundingClientRect().width;
      this.isMobile = width - 1 < 900;
    },
  },
};
</script>
<style lang="less">
@import '~ant-design-vue/dist/antd.less'; // 引入官方提供的 less 样式入口文件
@import "./assets/ant_change/index.less";

@import "./assets/ant_change/ant_index.less";

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px #00796a;
  cursor: pointer;
}
::-webkit-scrollbar {
  width: 5px ;
  cursor: pointer;
}
</style>
